<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理员</title>
<link href="/myOA/static/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="/myOA/static/css/common.css" rel="stylesheet" />
<link href="/myOA/static/css/cart.css" rel="stylesheet" />
<link href="/myOA/static/css/menu.css" rel="stylesheet" />
<link href="/myOA/static/css/forms.css" rel="stylesheet" />
<style>
	.addNote{
		line-height:360%;
	}
/* 	要添加的负责人隐藏窗口 */
	.principals{
		position:absolute;
		left:891px;
		top:72px;
		width:450px;
		height:80.5%;
		z-index:10;
		display:none;
		border:1px solid #fff;
		box-sizing:border-box;
		background-color:rgba(255,255,255,0.8);
		color:#000;
	}
	.myPrin{
		width:100%;
		height:100%;
		color:#000;
		overflow-y:scroll;
	}
	.myPrin ul li{
		list-style:none;
		list-style-position: inside;
		font-size:1rem;
		color:#000;
	}
	.showPrincipals{
		display:block;
	}
	ul{
		margin-left:50px;
		color:#000;
	}
	.us:hover{
		background-color:#000;
		color:#fff;
	}
</style>
</head>
<body>
	<div id="cover"></div>
	<!-- 添加 -->
	<div id="addDeptForm">
		<div class="deptInfos">
			<div class="myForm myFormFirst">
				<span class="confirmDept">添加部门</span>
			</div>
			<div class="myForm">
				<span class="formTitle">部门名称:</span>
				<select class="branchInfo" id="depts" onChange='getDepts(this)' >
				</select>
			</div>
			<div class="myForm">
				<span class="formTitle">所属机构:</span>
				<select class="branchInfo" id="orgs">
				</select>
			</div>
			<div class="myForm">
				<span class="formTitle">部门负责人:</span>
				<input class="branchInfo departUser" type="text" />
				<span id="addPrincipal"><i class="fa fa-user-o"></i></span>
				<div class='addTip'>请点击选择用户</div>
			</div>
			<div class="myForm">
				<span class="formTitle">联系电话:</span>
				<input class="branchInfo  departUser" type="text" />
			</div>	
			<div class="myForm">
				<span class="formTitle">移动电话:</span>
				<input class="branchInfo  departUser" type="text" />
			</div>	
			<div class="myForm">
				<span class="formTitle">传真:</span>
				<input class="branchInfo  departUser" type="text" />
			</div>				
			<div class="myForm">
				<button class="confirmDept" type="button" id="addDeptConfirm">确认</button>
				<button class="confirmDept" type="button" id="cancelAddDept">取消</button>
			</div>
		</div>
		<div style="clear:both;"></div>		
    </div>
    <!-- 修改 -->
	<div id="modifyDeptForm">
		<div class="deptInfos">
			<div class="myForm myFormFirst">
				<span class="confirmDept">修改部门</span>
			</div>
			<div class="myForm">
				<span class="formTitle">部门名称:</span>
				<input class="deptInfo" type="text"/>
			</div>
			<div class="myForm">
				<span class="formTitle">所属机构:</span>
				<input class="deptInfo" type="text" />
			</div>
			<div class="myForm">
				<span class="formTitle">部门负责人:</span>
				<input class="deptInfo" type="text" />
			</div>
			<div class="myForm">
				<span class="formTitle">联系电话:</span>
				<input class="deptInfo" type="text" />
			</div>	
			<div class="myForm">
				<span class="formTitle">移动电话:</span>
				<input class="deptInfo" type="text" />
			</div>	
			<div class="myForm">
				<span class="formTitle">传真:</span>
				<input class="deptInfo" type="text" />
			</div>				
			<div class="myForm">
				<button class="confirmDept" type="button" id="updateDeptConfirm">确认</button>
				<button class="confirmDept" type="button" id="cancelUpdateDept">取消</button>
			</div>
		</div>
		<div style="clear:both;"></div>
    </div>    
	<!-- 	要添加的负责人窗体 -->
	<div class="principals">
		<div class="myPrin">
		要添加的负责人
		</div>
	</div>
	<div class="manageContainer">
		<div class="left">
			<div class="userInfo">
				<div class="user">
					<p>
						欢迎&nbsp;:&nbsp;<span class="info"></span>
						<input type="hidden" value="${sessionScope.id}"  id="myId"/>
						<input type="hidden" value="${sessionScope.roleId }" id="roleId"/>
					</p>
					<p>
						角色&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						部门&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						你共有&nbsp;:&nbsp;<span class="info infoCount">0</span>条新消息						
					</p>
				</div>
			</div>
			<div class="menus">
	
			</div>
		</div>
		<div class="right">
			<div class="navs">
				<div class="nav">
					<a href="#">主页</a>
				</div>
				<div class="nav">
					<a href="http://localhost:8088/myOA/login.jsp">重新登录</a>
				</div>
				<div class="nav">
					<a href="#">修改密码</a>
				</div>
				<div class="nav">
					<a href="#">显示隐藏通知栏</a>
				</div>
				<div class="nav">
					<a href="#">帮助</a>
				</div>
				<div class="nav">
					<a href="#"><i class="fa fa-smile-o"></i></a>
				</div>
				<div class="nav last">
					当前时间&nbsp;:&nbsp;<span id="today"></span>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="breadcrumb">当前位置：部门管理</div>
			<div class="title">部&nbsp;门&nbsp;管&nbsp;理</div>
			<div class="contents">
				<div class="addNote">
					<button id="addDept">添加</button>
				</div>
				<div class="myNotes">
					<table id="division">
						<thead>
							<tr class="theader">
								<th>部门名称</th>
								<th>机构</th>
								<th>负责人</th>
								<th>联系电话</th>
								<th>移动电话</th>
								<th>传真</th>
								<th>修改</th>
								<th>删除</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
<script src="/myOA/static/js/jquery-3.3.1.min.js"></script>
<script src="/myOA/static/js/common.js"></script>	
<script src="/myOA/static/js/manage_hr_dept.js"></script>
	
</body>
</html>